<template>
  <div class="h-full overflow-auto bg-white duration-500">
    <!-- <NavigationPage></NavigationPage> -->
    <!-- max-w-screen-xl 最大宽度 1280 -->
    <!-- xl: 媒体查询 宽度为1280触发 -->
    <div
      v-if="!isMobileTerminal"
      class="max-w-screen-xl mx-auto relative m-1 bg-white min-h-screen"
    >
      <!-- <ListCp></ListCp> -->
      <List></List>
    </div>
    <div v-else class="max-w-screen-xl xl:mt-2">
      <HomeSwipe></HomeSwipe>
      <HomeMenu></HomeMenu>

      <List></List>
      <!-- <ListCp></ListCp> -->
      <FloatBtn></FloatBtn>
    </div>
  </div>
</template>
<script setup>
import NavigationPage from "./components/Navigation/index.vue";
import ListCp from "./components/List/index.vue";
import HomeSwipe from "./MobileComponents/HomeSwipe/index.vue";
import HomeMenu from "./MobileComponents/Menu/index.vue";
import { isMobileTerminal } from "@/utils/flexible";
import List from "./MobileComponents/List/index.vue";
import FloatBtn from "@/components/FloatBtn.vue";
</script>

<style>
</style>